<template>
    <div class="w-full h-8 flex items-center px-2" style="font-size: 12px;">
        <div class="flex-1 flex justify-between">
            <UIText>{{ getNowChat?.title }}</UIText>
            <div class="flex gap-2">
                <UIButton icon-name="History" text></UIButton>
                <UIButton @click="newChat" icon-name="Plus" text></UIButton>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { storeToRefs } from 'pinia';

const { getNowChat } = storeToRefs(chatStore())
const { addChat } = chatStore()
const newChat = () => {
    addChat()
}
</script>